﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>支出信息维护</title>
    <link href="../themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="../themes/icon.css" rel="stylesheet" type="text/css" />

    <script src="../JScript/jquery-1.6.min.js" type="text/javascript"></script>

    <script src="../JScript/jquery.easyui.min.js" type="text/javascript"></script>

    <script src="../JScript/easyui-lang-zh_CN.js" type="text/javascript"></script>

    <script src="../JScript/JSUtility.js" type="text/javascript"></script>

    <script src="PageJScript/Reimbursement.js" type="text/javascript"></script>

    <style type="text/css">
        *
        {
            font-size: 12px;
            font-family: 微软雅黑;
        }
        .td2
        {
            padding-left: 5px;
            width: 90px;
        }
    </style>
</head>
<body>
    <div region="center" style="background: #fafafa;">
        <div class="datagrid-toolbar">
            <a style="float: left; display: block" id="btnAdd" class="l-btn l-btn-plain" href="#">
                <span class="l-btn-left"><span style="padding-left: 20px;" class="l-btn-text icon-add">
                    新增</span></span> </a>
            <div class="datagrid-btn-separator">
            </div>
            <a style="float: left; display: block" id="btnDel" class="l-btn l-btn-plain" href="#">
                <span class="l-btn-left"><span style="padding-left: 20px;" class="l-btn-text icon-remove">
                    删除</span></span> </a>
            <div class="datagrid-btn-separator">
            </div>
            <a style="float: left; display: block" id="btnEdit" class="l-btn l-btn-plain" href="#">
                <span class="l-btn-left"><span style="padding-left: 20px;" class="l-btn-text icon-edit">
                    修改</span></span> </a>
            <div class="datagrid-btn-separator">
            </div>
            <a style="float: left; display: block" id="btnSearch" class="l-btn l-btn-plain" href="#">
                <span class="l-btn-left"><span style="padding-left: 20px;" class="l-btn-text icon-search">
                    查询</span></span> </a>
            <div class="datagrid-btn-separator">
            </div>
            <a style="float: left; display: block" id="A1" class="l-btn l-btn-plain" href="#"><span
                class="l-btn-left"><span style="padding-left: 20px;" class="l-btn-text icon-excel2">
                    导出当天</span></span> </a>
            <div class="datagrid-btn-separator">
            </div>
            <a style="float: left; display: block" id="A2" class="l-btn l-btn-plain" href="#"><span
                class="l-btn-left"><span style="padding-left: 20px;" class="l-btn-text icon-excel2">
                    导出本周</span></span> </a>
            <div class="datagrid-btn-separator">
            </div>
            <a style="float: left; display: block" id="A3" class="l-btn l-btn-plain" href="#"><span
                class="l-btn-left"><span style="padding-left: 20px;" class="l-btn-text icon-excel2">
                    导出本月</span></span> </a>
            <div class="datagrid-btn-separator">
            </div>
            <a style="float: left; display: block" id="A4" class="l-btn l-btn-plain" href="#"><span
                class="l-btn-left"><span style="padding-left: 20px;" class="l-btn-text icon-excel2">
                    导出查询后数据</span></span> </a>
        </div>
        <table id="Grid" height="300" pagenumber="1" collapsible="false" loadmsg="数据加载中....."
            idfield="Id" singleselect="true" pagination="true" rownumbers="true" fitcolumns="true">
            <thead>
                <tr>
                    <th field="ReimbursementTime" width="150" sortable="true" align="center">
                        时间
                    </th>
                    <th field="DeptName" width="150" sortable="true" align="center">
                        部门
                    </th>
                    <th field="EmployeeName" width="150" sortable="true" align="center">
                        员工姓名
                    </th>
                    <th field="EmployeeCardID" width="150" sortable="true" align="center">
                        员工编号
                    </th>
                    <th field="ProjectName" width="150" sortable="true" align="center">
                        项目名称
                    </th>
                    <th field="ProjectNum" width="150" sortable="true" align="center">
                        项目编号
                    </th>
                    <th field="Description" width="150" sortable="true" align="center">
                        报销内容
                    </th>
                    <th field="BillCount" width="150" sortable="true" align="center">
                        单据数量
                    </th>
                </tr>
            </thead>
        </table>
    </div>
    <div id="div_search">
        <form>
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    姓名：
                </td>
                <td>
                    <input type="text" id="EmployeeName" name="EmployeeName" class="easyui-validatebox"
                        style="width: 180px;" />
                </td>
                <td class="td2">
                    部门：
                </td>
                <td>
                    <input id="DeptName" name="DeptName" type="text" class="easyui-combobox" style="width: 186px"
                        url="../Handler/DeptHandler.ashx" valuefield="id" textfield="text" />
                </td>
            </tr>
            <tr>
                <td>
                    项目名称：
                </td>
                <td>
                    <input id="ProjectNum" name="ProjectNum" style="width: 180px;" />
                </td>
                <td class="td2">
                    成本类型：
                </td>
                <td>
                    <select id="CostType" name="CostType" class="easyui-combobox" style="width: 186px;"
                        editable="false" panelheight="auto">
                        <option>城交院成本</option>
                        <option>科研项目成本</option>
                        <option>工程设计和集成项目成本</option>
                        <option>售后项目成本</option>
                        <option>销售费用成本</option>
                        <option>部门管理费用</option>
                        <option>车辆管理费用</option>
                        <option>固定资产</option>
                        <option>原材料</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    费用科目：
                </td>
                <td>
                    <select name="CostSubject" id="CostSubject" class="easyui-combobox" style="width: 186px;">
                    </select>
                </td>
                <td class="td2">
                    月度：
                </td>
                <td>
                    <select id="Monthly" name="Monthly" class="easyui-combobox" style="width: 186px;">
                        <option value="">--------</option>
                        <option value="1">1月</option>
                        <option value="2">2月</option>
                        <option value="3">3月</option>
                        <option value="4">4月</option>
                        <option value="5">5月</option>
                        <option value="6">6月</option>
                        <option value="7">7月</option>
                        <option value="8">8月</option>
                        <option value="9">9月</option>
                        <option value="10">10月</option>
                        <option value="11">11月</option>
                        <option value="12">12月</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    季度：
                </td>
                <td>
                    <select id="Quarter" name="Quarter" class="easyui-combobox" style="width: 186px;">
                        <option value="">---------</option>
                        <option value="1">第一季度</option>
                        <option value="2">第二季度</option>
                        <option value="3">第三季度</option>
                        <option value="4">第四季度</option>
                    </select>
                </td>
                <td class="td2">
                    年度：
                </td>
                <td>
                    <input id="Year" name="Year" type="text" class="easyui-numberbox" min="0" style="width: 180px;" />
                </td>
            </tr>
            <tr>
                <td>
                    金额范围：
                </td>
                <td colspan="3">
                    <input id="AmountMin" name="AmountMin" type="text" class="easyui-numberbox" min="0"
                        precision="4" style="width: 80px;" />
                    至
                    <input id="AmountMax" name="AmountMax" type="text" class="easyui-numberbox" min="0"
                        precision="4" style="width: 80px;" />
                </td>
            </tr>
            <tr>
                <td colspan="4" align="center" style="padding-top: 10px;">
                    <a href="javascript:void(0)" id="btnSubmit" onclick="SearchReimburesment();" style="margin-left: 60px;"
                        iconcls="icon-ok" class="easyui-linkbutton">确定</a> <a href="javascript:void(0)" id="btnCancel"
                            iconcls="icon-cancel" class="easyui-linkbutton" style="margin-left: 20px;" onclick="$('#div_search').window('close');">
                            取消</a>
                </td>
            </tr>
        </table>
        </form>
    </div>
</body>
</html>
